<!DOCTYPE HTML>

<html>
	
	<head>
		
		<title>Structural Engineering and Structural Mechanics at UIUC</title>
		
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="Structure" />
		
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,300" rel="stylesheet" />
		<script src="js/jquery-1.8.3.min.js"></script>
		<script src="css/5grid/init.js?use=mobile,desktop,1000px&amp;mobileUI=1&amp;mobileUI.theme=none"></script>
		<script src="js/jquery.dropotron-1.2.js"></script>
		<script type="text/javascript" src="js/jquery.slidertron-1.2.js"></script>
		<script src="js/init.js"></script>
		<style type="text/css">
<!--
.STYLE1 {font-size: x-small}
-->
        </style>
<noscript>
			<link rel="stylesheet" href="css/5grid/core.css" />
			<link rel="stylesheet" href="css/5grid/core-desktop.css" />
			<link rel="stylesheet" href="css/5grid/core-1200px.css" />
			<link rel="stylesheet" href="css/5grid/core-noscript.css" />
			<link rel="stylesheet" href="css/style.css" />
			<link rel="stylesheet" href="css/style-desktop.css" />
		</noscript>
		<!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
		<!--[if lte IE 7]><link rel="stylesheet" href="css/ie7.css" /><![endif]-->
		<link rel="shortcut icon" href="images/favicon/favicon.ico" type="image/x-icon" />
		
		<script type="text/javascript">
			
			var _gaq = _gaq || [];
			_gaq.push(['_setAccount', 'UA-46009535-2']);
			_gaq.push(['_trackPageview']);
			
			(function() {
			  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			})();
			
		</script>
	
		<script type="text/javascript" src="http://www.google.com/jsapi"></script>
		<script type="text/javascript">
			google.load("feeds", "1");
			function initialize()
			{
				var url = "http://feeds.feedburner.com/usgs/NaturalHazards?format=xml";
				var feed = new google.feeds.Feed(url);
				feed.setNumEntries(4);
				feed.load(function(result)
				{
					if (!result.error)
					{
						var ul = document.createElement('ul');
						ul.className = 'update'
						var container = document.getElementById("feed");
						for (var i = 0; i < result.feed.entries.length; i++)
						{
							var entry = result.feed.entries[i];
							var li = document.createElement('li');
							var span = document.createElement('span');
							var date = new Date(entry.publishedDate);
							entry.publishedDate = ("0" + (date.getMonth() + 1).toString()).substr(-2) + "/" + ("0" + date.getDate().toString()).substr(-2)  + "/" + (date.getFullYear().toString()).substr(2);
							span.className = 'date'
							span.innerHTML = entry.publishedDate;
							li.appendChild(span);
							var a = document.createElement('a');
							a.innerHTML = entry.title;
							a.href = entry.link;
							a.target = entry.link;
							li.appendChild(a);
							ul.appendChild(li);
						}
						container.appendChild(ul);
					}
				});
			}
			google.setOnLoadCallback(initialize);
		</script>
	
	</head>
	
	
	<body class="homepage">
		
		<!-- Header Wrapper -->
		<div id="header-wrapper">
			
			<!-- Header Section -->
			<div id="header-section" class="5grid 5grid-flush">
				
				<!-- Header -->
			  <div id="header" class="row">
					
					<!-- Header-logo -->
					<header id="header-logo">
						
						<!-- Logo and Main Website Name -->
						<div class="logo">
							<div class="mobileUI-site-name">
								
									<!-- <span class="logo_text1">MAE</span> -->
									<!-- <span class="logo_text2">Center </span> -->
							   <a href="index.html" title="home" 
    
"> <img src="images/Struct-Logo_Transp.png" alt="" height="80" border="0" usemap="#Map" >
<map name="Map">
  <area shape="rect" coords="-5,4,54,74" href="http://illinois.edu"  onfocus="this.blur()" border="0">
<area shape="rect" coords="63,7,916,52" href="#index.html" onFocus="this.blur()" border="0">	
<area shape="rect" coords="69,51,902,77" href="http://cee.illinois.edu" onFocus="this.blur()" border="0">                     
</a></a>							</div>
					  </div>
						
					  <!-- Website Additional Text -->
					<!-- <div class="logo-subtext">
							<a href="index.html">
								<span class="logo-subtext1">Creating a </span>
								<span class="logo-subtext2">M</span><span class="logo-subtext1">ulti-hazard</span>
								<span class="logo-subtext2">A</span><span class="logo-subtext1">pproach to</span>
								<span class="logo-subtext2">E</span><span class="logo-subtext1">ngineering</span>
							</a>
						</div>-->
						
					</header>
					
					<!-- Top Nav -->
					<nav id="nav" class="mobileUI-site-nav" >
						<ul>
						 
</map>
						  <!-- 1 About US -->
							<li>
								<a href="#"><span class="STYLE1">ABOUT US</span></a>
<ul>
									<li><a href="about/about_whoarestructuralengineers.html">Who Are Structural Engineers?</a></li>
									<li><a href="about/about_structural.html">Structural Engineering at Illinois</a></li>
									<li><a href="about/about_tradition.html">A Tradition of Excellence</a></li>
									<li><a href="about/about_contact.html">Contact Us</a></li>
							  </ul>
							</li>
							
		          <!-- 2 Programs -->
							<li>
								<a href="#"><span class="STYLE1">Programs</span></a>
								<ul>
									<li><a href="programs/programs.html">Overview</a></li>
									<li><a href="programs/programs_undergrad.html">Undergraduate programs</a></li>
									<li><a href="programs/programs_master.html">Masters programs</a></li>
									<li><a href="programs/programs_phd.html">PhD program</a></li>
									<li><a href="programs/programs_joint.html">Joint programs</a></li>
									<li><a href="programs/programs_course.html">Course offerings</a></li>
								</ul>
							</li>
							
							<!-- 3 Faculty and Staff -->
							<li>
								<a href="faculty/faculty.html"><span class="STYLE1">Faculty and Staff</span></a>							</li>
							
							<!-- 4 Research -->
							<li>
								<a href="#"><span class="STYLE1">Research</span></a>
								<ul>
									<li><a href="research/research.html">Overview</a></li>
									<li><a href="http://nsel.cee.illinois.edu/">Newmark Structural Engineering Laboratory</a></li>
									<li><a href="http://nees.uiuc.edu/">Network for Earthquake Engineering Simulation</a></li>
									<li><a href="http://mae.cee.illinois.edu/">MAE Center</a></li>
								</ul>
							</li>
							
							<!-- 5 Students -->
							<li>
								<a href="http://segso.cee.illinois.edu/"><span class="STYLE1">Students</span></a>							</li>
						</ul>
				  </nav>
					
					<!--Search -->
<div id="search">
						<form target="_blank" action="http://www.google.com/cse" method="get" style="font-size:9pt; float:right;">
							<input type="hidden" name="cx" value="003401959965710983201:kktqf96vez4" />
							<input type="hidden" name="ie" value="utf-8" />
							<input type="hidden" name="oe" value="utf-8" />
							<input type="hidden" name="act" value="" />
							<input type="hidden" name="mid" value="" />
							<input type="hidden" name="vid" value="" />
							<input type="text" name="q" value="" size="15" maxlength="255" style="font-size:11px; padding:1px;" id="s" data-cip-id="s" />
							<input type="submit" name="sa" value="Search" style="font-size:11px; padding:1px" />
						</form>
				</div>
					
			  </div>
				
			</div>
			
		</div>
		<!-- Header Wrapper Ends Here -->
		
		
		<!-- Main Wrapper -->
		<div id="main-wrapper">
			
			<!-- Main -->
			<div id="main">
				
				<!-- Bar Section -->
				<div id="bar-section" class="5grid 5grid-flush">
					
					<!-- Main Bar -->
					<div id="bar0">
						<div class="opacity_mask"></div>
						<h1>Structural Engineering at UIUC</h1>
					</div>
					
				</div>
              
				<!-- Slider Section -->
				<div id="slider" class="5grid 5grid-flush">
					<div class="row">
						
						<!-- Slider Viwer -->
						<div class="viewer" class="12u">
							
							<!-- Slider Image -->
							<div class="reel">
								
								<!-- Slider 1: About Us -->
								<div class="slide">
									<img src="images/slider_image_01.jpg" alt="About Us" />
									<div class="caption">
										<div>
											<div class="ribon"></div>
											<h2>About US</h2>
											<h3>Structural Engineering at Illinois: A Tradition of Excellence</h3>
											<a href="about/about_whoarestructuralengineers.html" class="button">Read More</a>
										                                               <br/>
								<br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                 <br/>
                                <br/>
                                <br/>
                                <br/>
                                 <br/>
                                <br/>

                                        </div>
                                        <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                     
                                      <h4 >Photos courtesy of Hong Kim</h4>
									</div>
								</div>
                                  <br/>
               
								
								<!-- Slider 2: Programs -->
								<div class="slide">
								<img src="images/slider_image_02.jpg" alt="Programs" />
									<!--<video width="100%" autoplay preload="auto" loop poster="images/slider_image_02.jpg">
										<source src="images/slider_image_02.mp4" type="video/mp4" />
										<object data="images/slider_image_02.mp4" width="115%" >
											<embed width="115%" src="images/slider_image_02.swf" />
										</object>
									</video>-->
									<div class="caption">
										<div>
											<div class="ribon"></div>
											<h2>Programs</h2>
											<h3>THE MOST ELITE PROGRAMS FOR BOTH UNDERGRADUATE AND GRADUATE STUDIES</h3>
											<a href="programs/programs.html" class="button">Read More</a>
											
                                                                                           <br/>
								<br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                 <br/>
                                <br/>
                                <br/>
                                <br/>
                                 <br/>
                                <br/>
<!--<br />
											<br />
											<br />
											<br />
											<br />
											<a href="research/research_featured.html">
												Featured Research
											</a>
											<br />
											<br />
											<div class="button_fr">
												<a href="research/research_featured_01.html">
													<img src="" alt="featured research 01" />
													<div class="opacity_mask_fr"></div>
													<p class="fr" style="padding-top:20px;">
														Donor visits to meet scholarship recipient<br />
													</p>
												</a>
												<a href="research/research_featured_02.html">
													<img src="http://cee.illinois.edu/sites/default/files/styles/square_thumbnail/public/media-youtube/SXRv7aSNUtI.jpg?itok=lvEIy2qH" alt="featured research 02" />
													<div class="opacity_mask_fr"></div>
													<p class="fr" style="padding-top:7px;">
														CEE at Illinois:<br />Tackling society's complex challenges
													</p>
												</a>
												<a href="research/research_featured_03.html">
													<img src="research/images/WorldAtRisk1.jpg" alt="featured research 03" />
													<div class="opacity_mask_fr"></div>
													<p class="fr" style="padding-top:20px;">
														World at risk<br />
													</p>
												</a>
												<a href="research/research_featured_04.html">
													<img src="research/images/Prof_Gardoni.jpg" alt="featured research 04" />
													<div class="opacity_mask_fr"></div>
													<p class="fr" style="padding-top:20px;">
														A better approach to decision-making about risk<br />
													</p>
												</a>
											</div>
											<br />
											<br />-->
										</div>
                                        <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                     
                                      <h4 >Photos courtesy of Hong Kim</h4>
									</div>
								</div>
								
								<!-- Slider 3: Faculty and Staff -->
								<div class="slide">
									<img src="images/slider_image_03.jpg" alt="Faculty and Staff" />
									<div class="caption">
									  <div>
											<div class="ribon"></div>
											<h2>Faculty and Staff</h2>
											<h3>WORLD-CLASS EXPERTS LEADERS IN THEIR FIELDS ACCESSIBLE AND INVOLVED WITH THEIR STUDENTS</h3>
											<a href="faculty/faculty.html" class="button">Read More</a>
                                               <br/>
								<br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                 <br/>
                                <br/>
                                <br/>
                                <br/>
                                 <br/>
                                <br/>
                               
                               
										</div>
									<br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                     
                                      <h4 >Photos courtesy of Hong Kim</h4>
                                    </div>
								</div>
                             
                                
								<!-- Slider 4: Research -->
								<div class="slide">
								    <img src="images/slider_image_04.jpg" alt="Research" />
									<!-- <video width="100%" autoplay preload="auto" loop poster="images/slider_image_04.jpg">
										<source src="images/slider_image_04.mp4" type="video/mp4" />
										<object data="images/slider_image_04.mp4" width="115%">
											<embed width="115%" src="images/slider_image_04.swf"/>
										</object>
									</video> -->
									<div class="caption">
										<div>
											<div class="ribon"></div>
											<h2>Research</h2>
											<h3>HIGH-PROFILE RESEARCH CENTERS CUTTING-EDGE PROJECTS WITH SIGNIFICANT SOCIETAL IMPACT</h3>
											<a href="research/research.html" class="button">Read More</a>
                                                                                           <br/>
								<br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                 <br/>
                                <br/>
                                <br/>
                                <br/>
                                 <br/>
                                <br/>

										
                                        </div>
                                        <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                     
                                      <h4 >Photos courtesy of Hong Kim</h4>
									</div>
								</div>
								
								<!-- Slider 5: Students -->
								<div class="slide">
									<img src="images/slider_image_05.jpg" alt="Students" />
									<div class="caption">
										<div>
											<div class="ribon"></div>
											<h2>Students</h2>
											<h3>GET INVOLVED WITH FIELD TRIPS, CHALLENGES, SOCIAL EVENTS</h3>
											<a href="http://segso.cee.illinois.edu/" class="button">Read More</a>
										                                               <br/>
								<br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>
                                <br/>  
                                <br/>
                                <br/>
                                <br/>
                                 <br/>
                                </div>
                                        <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                     
                                      <h4 >Photos courtesy of Hong Kim</h4>
									</div>
								</div>
								
								<!-- Slider 6: Publications -->
							<!-- <div class="slide">
									<a class="link" href="#">Full story ...</a>
									<img src="images/slider_image_06.jpg" alt="Publications" />
									<div class="caption">
										<div>
											<div class="ribon"></div>
											<h2>Publications</h2>
											<h3>The MAE center has published several reports that describe the research conducted by the center</h3>
											<p>This page allows you to view and download all the reports published by the MAE Center.</p>
											<a href="publications/publications.html" class="button">Read More</a>
										</div>
									</div>
								</div> -->
								
							</div>
							
							<!-- Slider Captions -->
							<div class="captions">
								<div class="captionLine"></div>
							</div>
							
							<!-- Slider Buttons -->
							<div class="navigation">
								<a href="#" class="previous-button"></a>
								<a href="#" class="next-button"></a>
							</div>
							
						</div>
						
						<!-- Slider Thumnail Nav -->
						<div id="slider-thumbnav" class="indicator">
							<ul class="thumbnav">
								
								<!-- Slider 1: About Us -->
								<li class="slider-thumbnav1">
									<a href="#">
										<div class="opacity_mask"></div>
										<p style="padding-top:3px;">About<br />Structural Engineering<br />
									and Structural Mechanics</p>
									</a>
								</li>
								<!-- Slider 2: Research -->
								<li class="slider-thumbnav2">
									<a href="#">
										<div class="opacity_mask"></div>
										<p style="padding-top:10px;">Programs<br />for Undergraduate <br />and Graduate Students</p>
									</a>
								</li>
								<!-- Slider 3: Faculty and Staff -->
								<li class="slider-thumbnav3">
									<a href="#">
										<div class="opacity_mask"></div>
										<p style="padding-top:10px;">Faculty<br />and <br />Staff</p>
									</a>
								</li>
								<!-- Slider 4: Research -->
								<li class="slider-thumbnav4">
									<a href="#">
										<div class="opacity_mask"></div>
										<p style="padding-top:10px;">Research<br />Laboratories <br />and Centers</p>
									</a>
								</li>
								<!-- Slider 5: Students -->
								<li class="slider-thumbnav5">
									<a href="#">
										<div class="opacity_mask"></div>
										<p style="padding-top:10px;">Structural Engineering <br />Graduate Student <br />Organization</p>
									</a>
								</li>
								<!-- Slider 6: Publications -->
							<!--<li class="slider-thumbnav6">
									<a href="#">
										<div class="opacity_mask"></div>
										<p style="padding-top:17px;">MAE Center <br />Reports</p>
									</a>
								</li>-->
								
							</ul>
						</div>
						
					</div>
				</div>
				
			</div>
		
		</div>
		<!-- Main Wrapper Ends Here -->
		
		
		<!-- Footer Wrapper -->
		<div id="footer-wrapper">
			
			<!-- Footer-->
			<footer>
				
				<!-- Footer Head Section-->
				<div id="footer-head-section" class="5grid 5grid-flush">
				
					<!-- Footer Head Bar -->
					<div id="footer-head-bar" class="row">
						
						<!-- Icon Lists -->
				    <!-- <div id="social-icon">
							<h2 style="display:none">Structural Engineering Network</h2>
							<ul class="social-icon-list">
								<li>
									<a target="_blank" href="https://twitter.com/MAE_Center" title="Twitter" class="social-icon1">Twitter</a>
								</li>
								<li>
									<a target="_blank" href="https://www.facebook.com/MAE.Center" title="Facebook" class="social-icon2">Facebook</a>
								</li>
								<li>
									<a href="mailto:mae-webmaster@illinois.edu" title="Email" class="social-icon3">Email</a>
								</li>
							</ul>
						</div>-->
						
						<!-- Footer Head -->
						<div id="footer-head" class="10u">
							<div class="row">
								<!-- News -->
								<div class="4u">
									<h2>
										News
										<a href="news/news_archive.html" class="readmore">More</a>
									</h2>
								</div>
								<!-- Announcements -->
								<div class="4u">
									<h2>
										Announcements
										<a href="announcements/announcements_archive.html" class="readmore">More</a>
									</h2>
								</div>
								<!-- Events -->
								<div class="4u">
									<h2>
										Events
										<a href="events/events_archive.html" class="readmore">More</a>
									</h2>
								</div>
							</div>
						</div>
						
					</div>
					
				</div>
				
				<!-- Footer Content Section -->
				<div id="footer-content-section" class="5grid 5grid-flush">
					
					<!-- Footer Content -->
					<div id="footer-content" class="row">
						
						<!-- Footer Update -->
						<div id="footer-update" class="10u">
							<div class="row">
								
								<!-- News -->
								<div class="4u">
									<section>
										<h2>
											News
											<a href="news/news_archive.html" class="readmore">more</a>
										</h2>
										<div id="feed"> </div>
										<span style="color:#484848;">loading...</span>
									</section>
								</div>
								
								<!-- Announcements -->
								<div class="4u">
									<section>
										<h2>
											Announcements
											<a href="announcements/announcements_archive.html" class="readmore">more</a>
										</h2>
										<ul class="update">
											<li class="first">
												<span class="date">06/01/14 </span><a href="http://idrc.info" target="_blank">5th International Disaster and Risk Conference IDRC DAVOS 2014</a>
											</li>
											<li>
												<span class="date">03/10/14 </span><a href="announcements/Announcement_First_Huixian_International_Forum.pdf" target="_blank">1st Huixian International Forum on Earthquake Engineering</a>
											</li>
											<li>
												<span class="date">03/03/14 </span><a href="announcements/Register_Today_for_10NCEE.pdf" target="_blank">EERI invites you to attend the 10NCEE</a>
											</li>
											<li>
												<span class="date">03/03/14 </span><a href="announcements/Liu_Huixian_Earthquake_Engineering_Scholarship_Award_2014.pdf" target="_blank">Liu Huixian Earthquake Engineering Scholarship Awards</a>
											</li>
											<li>
												<span class="date">01/22/14 </span><a href="http://cee.illinois.edu/MAECenter_relaunched" target="_blank">MAE Center Relaunched with New, Multi-hazard Focus</a>
											</li>
										</ul>
									</section>
								</div>
								
								<!-- Events -->
								<div class="4u">
									<section>
										<h2>
											Events
											<a href="events/events_archive.html" class="readmore">more</a>
										</h2>
										<ul class="update3">
											<li class="first">
												<span class="date">06/26-27/14 </span><a href="events/event_140626_ICMAE.html">International Conference on Multi-hazard Approaches to Civil Infrastructure Engineering (ICMAE)</a>
											</li>
											<li>
												<span class="date">04/17-18/14 </span><a href="events/event_140417_ICSRM.html">International Conference on the Societal Risk Management of Natural Hazards (ICSRM)</a>
											</li>
										</ul>
									</section>
								</div>
								
							</div>
						</div>
						
						<!-- Footer Map -->
						<div id="footer-map" class="2u">
							<div class="opacity_mask"></div>
							<p>
								Structural Engineering <br />
								<a target="_blank" href="http://www.illinois.edu">@ Univ. of Illinois at Urbana-Champaign</a>
							</p>
						</div>
						
					</div>
					
				</div>
				
			</footer>
			
			<!-- Copyright Content Section -->
			<div id="copyright-content-section" class="5grid 5grid-flush">
				
				<!-- Copyright Section -->
				<div id="copyright-section" class="row">
						
						<!-- Copyright -->
						<div id="copyright" class="12u">
							<p>&copy; 2015 Structural Engineering @ UIUC </p>
						</div>
						
				</div>
			
			</div>
			
		</div>
		<!-- Footer Wrapper Ends Here -->
		
	</body>
	
</html>